<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- es6无法直接导入运行的需要借助Babel转换器  采用 html模拟es6模块导入-->
    <script type="module">
        //可以全部导入 也可以按需导入
        // import {a,b,c}  from './1.js'
        //按需导入
       // import {a}  from './1.js'

       //针对导入的比较多 不想单个写 全部导入 用别名代表导出的对象
       import * as m from './1.js'


       /*  //使用变量
        console.log(a);
        console.log(b);
        //使用函数
        c(); */

         //使用变量
         console.log(m.a);
        console.log(m.b);
        //使用函数
        m.c();

    </script>
    
</body>
</html>